@charset "utf-8";
.every{
    width: 790px;
    margin-left: 112px;
    .title{
        width: 540px;
        margin-top: 45px;
        & h1{
            display: block;
            font: "微软雅黑";
            font-size: 20px;
            color: #444f58;
            line-height: 26px;
        }
    }
    
    & .content{
            width: 540px;
            background: #f7f7f7;
            margin-top: 20px;
            padding-top: 18px;
        & .upload_img{
            width: 346px;
            margin: 0 auto;
            & .file{
                width: 346px;
                height: 100px;
                & p{
                    color: #eb413d;
                    line-height: 100px;
                }
                & span{
                display: block;
                font: "微软雅黑";
                font-size: 13px;
                color: #444f58;
                line-height: 100px;
            }
            & input{
                width: 100px;
                height: 100px;
                margin-left: 22px;
                float: left;
                border: none;
                opacity: 0;
            }
            & img{
                margin-left: -100px;
                width: 100px;
                height: 100px;
                text-align: center;
                vertical-align: middle;
            }
            }
            & .trigon{
                    width: 0;
                    height: 0;
                    border-right: 5px solid transparent;
                    border-left: 5px solid transparent;
                    border-bottom: 13px solid #F0F0F0;
                    margin-left: 28px;
                    
                    
                }
            & .hint{
                width: 346px;
                height: 40px;
                background: #f0f0f0;
                
                i{
                         padding-top: 12px;
                     }
                 .astrict p{
                    display: block;
                    float: left;
                    line-height: 40px;
                    font-size: 13px;
                    color: #878787;
                    padding-left: 8px;
                }
            } 
        }
        & .steep{
            width: 346px;
            border: 1px solid #e7e7e7;
            margin-left: 97px;
            margin-top: 23px;
        }
        & .input{
            width: 346px;
            margin: 0 auto;
            & .name{
                margin-top: 50px;
                & p{
                    color: #eb413d;
                }
                & span{
                display: block;
                font-size: 13px;
                color: #444f58;
                 }
                 & input{
                width: 346px;
                height: 42px;
                margin-top: 8px;
                border-radius: 3px;
                border: 1px solid #e7e7e7;
            }
            & .input_span span{
                display: block;
                font-size: 10px;
                color: #eb413d;
                margin-top: 4px;
            }
            }
            & .domain{
                margin-top: 21px;
                & p{
                    color: #eb413d;
                }
                & span{
                    display: block;
                    font-size: 13px;
                    color: #444f58;
                }
                & .site{
                    height: 42px;
                margin-top: 4px;
                & p{
                    display: block;
                    font-size: 13px;
                    color: #878787;
                    line-height: 42px;
                    margin-left: 8px;
                }
                & input{
                    width: 178px;
                    height: 42px;
                    border-radius: 3px;
                    border: 1px solid #e7e7e7;
                }
                }
            }
            & .describe{
                margin-top: 28px;
                position: relative;
                & p{
                    color: #EB413D;
                }
                & span{
                    display: block;
                    font-size: 13px;
                    color: #444f58;
                }
                & textarea{
                    width: 336px;
                    height: 120px;
                    margin-top: 13px;
                    padding: 13px;
                    border-radius: 3px;
                    border: 1px solid #e7e7e7;
                    resize: none;
                    
                    
                      
                }
                &::after{
                        content:"100字";
                        color: #99999a;
                        font-size: 13px;
                        position: absolute;
                        right: 12px;
                        bottom: 11px;
                    }
                
            }
            & .option{
                margin-top: 12px;
                margin-left: 10px;
            & input{
                width: 15px;
                height: 15px;
            }
            & p{
                font-size: 13px;
                color: #444f58;
                margin-left: 8px;
            }
            }
            & .Button button{
                width: 150px;
                height: 42px;
                background: #eb413d;
                color: #FFFFFF;
                border-radius: 25px;
                margin-top: 20px;
                border: 1px solid #eb413d;
                margin-top: 25px;
                margin-bottom: 45px;
            }
        }
}
}